<template>
    <div>
        <div class="userinfo_item" v-for="(item,index) in brushlist" :key="index">
            <!-- <img src="@/assets/njrpic/firstpic/ic_detail_stone.png" alt=""> -->
            <img :src="item.pic" alt="">
            <span>{{item.word}}</span>
            <i>{{item.descript}}</i>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            brushlist:[
                {pic:'',word:'牙菌斑清除效果',descript:'标准'},
                {pic:'',word:'牙石形成概率',descript:'标准'},
                {pic:'',word:'延长刷牙时间',descript:'均匀率74%'},
                {pic:'',word:'降低力度区域',descript:'过压次数0次'}
            ]
        }
    }
}
</script>
<style lang="less" scoped>
.userinfo_item{
    display: flex;
    align-items: center;
    margin:10px 20px;
    padding: 5px;
    border-bottom: 5px solid #f4f4f4;
    img{
        width: 10%;
        margin-right: 25px;
    }
   span{
       flex: 4;
   }
   i{
       color: #a485e7;
   }
}
</style>